<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title></title>
    <link rel="stylesheet" href="../../javascript/plug-ins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../../css/style.css" />
    <script src="../../javascript/jquery.js"></script>
    <script type="text/javascript" src="../../javascript/plug-ins/layui/layui.js"></script>

    <script src="../../javascript/plug-ins/echarts.min.js"></script>

</head>
<body>

<div class="page-wrap">

    <section class="page-hd t">
        <header>
            <h5 class="title">
                <a href="LogisticeList.html">商品统计</a>
                <a href="LogisticeListTable.html" class="red">统计列表</a>
            </h5>
        </header>
        <hr>
    </section>


    <div class="panel panel-default">

        <div class="page-wrap">

            <div class="panel panel-default" style="text-align: center;" >
                <table class="table table-bordered"  id="tableInfo">
                    <thead>
                        <tr>
                            <th>产品名称</th>
                            <th>套餐</th>
                            <th>数量</th>
                            <th>姓名</th>
                            <th>电话</th>
                            <th>地址</th>
                            <th>物流信息</th>
<!--                            <th>操作</th>-->
                        </tr>
                    </thead>
                    <tbody class="data_content"></tbody>
                </table>
                <div id="page"></div>
            </div>

        </div><!---page-wrap------>



    </div><!--panel--->

</div><!---page-wrap------>
</body>
<script src="js/chong_data.js?v=1.0">  </script>

<script type="text/javascript">

    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '消费图表'
        },
        tooltip: {},
        legend: {
            data:['蚁包','微信','余额']
        },
//          xAxis: {
//              data: ["1","2","3","4","6","6","7","8","9","10","11","12"]
//          },
        yAxis: {
            title: {
                text: '万'
            },
        }

    };

    var canshu1=[{
        name: '蚁包',
        type: 'bar',
        data: [20]
    },{
        name: '微信',
        type: 'bar',
        data: [45]
    },{
        name: '余额',
        type: 'bar',
        data: [45]
    }];

    var canshu2=[{
        name: '蚁包',
        type: 'bar',
        data: [50, 20, 36, 10, 10,20,23]
    },{
        name: '微信',
        type: 'bar',
        data: [45, 34, 55, 58, 54,70,52]
    },{
        name: '余额',
        type: 'bar',
        data: [45, 34, 55, 58, 54,70,52]
    }];

    var canshu3=[{
        name: '蚁包',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20,23,78,52,65,44,25,5, 20, 36, 10, 10, 20,23,78,52,65,44,25,5, 20, 36, 10, 10, 20]
    },{
        name: '微信',
        type: 'bar',
        data: [45, 34, 55, 58, 54, 70,52,51,66,44,85,65,45, 34, 55, 58, 54, 70,52,51,66,44,85,65,45, 34, 55, 58, 54]
    },{
        name: '余额',
        type: 'bar',
        data: [45, 34, 55, 58, 54, 70,52,51,66,44,85,65,45, 34, 55, 58, 54, 70,52,51,66,44,85,65,45, 34, 55, 58, 54, 70]
    }];

    var canshu4=[{
        name: '蚁包',
        type: 'bar',
        data: [50, 20, 36, 10, 10,20,23,45,50, 20, 36, 10]
    },{
        name: '微信',
        type: 'bar',
        data: [45, 34, 55, 58, 54,70,52,24,50, 20, 36, 10]
    },{
        name: '余额',
        type: 'bar',
        data: [45, 34, 55, 58, 54,70,52,45,50, 20, 36, 10]
    }];

    var canshu5=[{
        name: '蚁包',
        type: 'bar',
        data: [500, 200, 360, 100, 100,200,230,454]
    },{
        name: '微信',
        type: 'bar',
        data: [450, 340, 550, 580, 540,700,520,245]
    },{
        name: '余额',
        type: 'bar',
        data: [450, 340, 550, 580, 540,700,520,455]
    }];


    var recharges=$("#search_type").find("option:selected").val();
    if(recharges=='1'){
        option.xAxis={data: ["今日"]};
        option.series=canshu1;
    }else if(recharges=='2'){
        option.xAxis={data: ["周一","周二","周三","周四","周五","周六","周七"]};
        option.series=canshu2;
    }else if(recharges=='3'){
        option.xAxis={data: ["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"]};
        option.series=canshu3;
    }else if(recharges=='4'){
        option.xAxis={data: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]};
        option.series=canshu4;
    }else if(recharges=='5'){
        option.xAxis={data: ["2010年","2011年","2012年","2013年","2014年","2015年","2016年","2017年"]};
        option.series=canshu5;
    }

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    function recharge(){

        var recharges=$("#search_type").find("option:selected").val();
        if(recharges=='1'){
            option.xAxis={data: ["今日"]};
            option.series=canshu1;
        }else if(recharges=='2'){
            option.xAxis={data: ["周一","周二","周三","周四","周五","周六","周七"]};
            option.series=canshu2;
        }else if(recharges=='3'){
            option.xAxis={data: ["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"]};
            option.series=canshu3;
        }else if(recharges=='4'){
            option.xAxis={data: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]};
            option.series=canshu4;
        }else if(recharges=='5'){
            option.xAxis={data: ["2010年","2011年","2012年","2013年","2014年","2015年","2016年","2017年"]};
            option.series=canshu5;
        }

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);

    }


</script>
</html>
